<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人脸检测</title>
  <link rel="stylesheet" type="text/css" href="css/face_check.css">
  <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
  <script type="text/javascript" src="js/face_check.js"></script>
</head>
<body>
<div class="box">
  <!--头-->
  <div class="head">
    <p>人脸识别</p >
  </div>
  <!--主体区域-->
  <div class="content">
    <img src="" class="prev_photo">
    <form method="post" class="form" enctype="multipart/form-data">
      <div>
        <input type="file" name="file" class="file_input">
        <a class="content_btn">选择照片</a>
      </div>
      <div>
        <p>人脸检测配置选项:</p >
      </div>
      <div class="option">
        年龄:<input type="checkbox" name="radio" value="age" 年龄>
        颜值:<input type="checkbox" name="radio" value="beauty" 颜值>
        表情:<input type="checkbox" name="radio" value="expression" 表情>
        脸型:<input type="checkbox" name="radio" value="face_shape" 脸型>
<!--        性别:<input type="checkbox" name="radio" value="gender" 性别>-->
        眼镜:<input type="checkbox" name="radio" value="glasses" 眼镜>
      </div>

    </form>
    <button type="submit" class="btn">开始检测</button>
  </div>
  <div class="show_result">
<!--    <p>性别:<span id="sex"></span></p>-->
    <p id="ages">年龄：<span id="age"></span></p>
    <p id="beautys">颜值打分：<span id="beauty"></span></p>
    <p id="expressions">表情状态：<span id="expression"></span></p>
    <p id="face_shapes">脸型状态：<span id="face_shape"></span></p>
    <p id="glassess">是否戴眼镜：<span id="glasses"></span></p>
  </div>
</div>
</body>
</html>